﻿body{
	margin: 0;
	padding: 0;
	font-family: "Microsoft Yahei";
	font-size: 14px;
}
ul,li,img,p,input,iframe,h3,h6{
	margin:0;
	padding: 0;
	list-style: none;
	border: 0;
}
input{
	outline: none;
}
a{
	/*font-size: 12px;*/
	color: rgb(51, 51, 51);
	text-decoration: none;
}
.clearfix:before,.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}
.clearfix {
    zoom: 1;
}
.ellipsis{
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.header-wrap{
	height: 110px;
	background-color: #3a73a5;
}
.header{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 5px;
}
.logo{
	width: 220px;
	float: left;
	padding: 0 20px 0 0;
}
.logo img{
	position: absolute;
}
.date-wrap{
	width: 130px;
	float: left;
	color: #a9b5c4;
	padding: 15px 0 0;
	position: relative;
	z-index: 999\9;
	cursor: pointer;
}
.date-one{
	font-size: 16px;
	padding: 0 0 10px;
	height: 20px;
	position: relative;
}
.calendar-ico{
	display: block;
	width: 20px;
	height: 20px;
	/*float: right;*/
	margin: 0 30px 0 0 ;
	background: url(../images/icons.png) no-repeat -110px 0;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 2px;
}
.date-box{
	position: absolute;
	right: 0;
	top: 80px;
	width: 250px;
	/*height: 216px;*/
	background: #fff;
	z-index: 999;
	box-shadow: 0 2px 10px #555;
	display: none;
}
/*.nav{
	width: 830px;
	height: 44px;
	float: right;
	padding: 28px 0 0;
}
.nav ul{
	padding: 4px 0 0 80px;
	height: 40px;
	overflow: hidden;
	float: left;
	width: 560px\9;
}
.nav ul li{
	width: 192px;
	height: 44px;
	background: url(../images/nav_bg.png) no-repeat;
	float: right;
	text-align: center;
	margin: 0 0 0 -80px;
}
.nav ul li.active{
	margin: -4px 0 0 -80px;
	background: url(../images/nav_bg3.png) no-repeat top right;
}
.nav ul li a{
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	padding: 0 0 0 50px;
}
.nav ul li.active a{
	color: #fff;
	font-size: 18px;
	line-height: 44px;
}
.nav ul li:last-child a{
	padding: 0;
}
.search-wrap{
	width: 280px;
	height: 26px;
	float: left;
	margin: 4px 0 0 -90px;
	background: url(../images/nav_bg2.png) no-repeat;
	padding: 7px 0;
}*/
.nav{
	width: 830px;
	height: 47px;
	float: right;
	padding: 28px 0 0;
}
.nav ul{
	height: 47px;
	overflow: hidden;
	width: 642px;
	position: relative;
	float: right;
}
.nav ul li{
	float: left;
    width: 80px;
    text-align: center;
    color: #FFF;
	cursor: pointer;
	margin: 0 5px;
	padding: 0 5px;
}
.nav ul li:hover{
	background: #FF7700;
	font-weight: bold;
}

.nav ul li a{
	color: #fff;
	font-size: 18px;
	line-height: 40px;
}

.search-wrap{
	width: 260px;
	height: 26px;
	float: left;
	margin: 7px 0 0 -72px;
	background: url(../images/nav_bg2.png) no-repeat top right;
	padding: 7px 0;
}
.search{
	height: 26px;
	background-color: #f5f5f5;
	width: 160px;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 0 0 70px;
}
.search-ico{
	display: block;
	float: left;
	width: 30px;
	height: 26px;
	background:url(../images/icons.png) no-repeat 0 0 #60bfee;
	border-radius: 4px;
}
.search-input{
	width: 130px;
	padding: 0 5px;
	height: 26px;
	line-height: 26px;
	background-color: #f5f5f5;
	color: #51535e;
}

.content-wrap{
	/*width: 100%;*/
	background-color: #d4e5f1;
	padding: 40px 0;
}
.content{
	width: 1200px;
	margin: 0 auto;
}
.content-left{
	width: 820px;
	height:520px;
	float: left;
	position: relative;
	background: #fff;
	border-radius: 10px;
}
.page-tag{
	width: 83px;
	height: 140px;
	position: absolute;
	top: -3px;
	left: -6px;
	background: url(../images/ban_tag.png) no-repeat;
}
.page-tag a{
	display: block;
	width: 100%;
	height: 100px;
}
.page{
	width: 670px;
	height: 1010px;
	padding: 45px 75px;
}
.page img{
	width: 100%;
	height: 100%;
}
.page-left,.page-right{
	position: absolute;
	top: 50%;
	margin: -35px 0 0;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	cursor: pointer;
	background:url(../images/icons.png) no-repeat rgba(96,191,238,.7);
}
.page-left:hover,.page-right:hover{
	background:url(../images/icons.png) no-repeat rgba(32,64,112,.7); 
}
.page-left,.page-left:hover{
	left: 15px;
	background-position: 0 -70px;
}
.page-right,.page-right:hover{
	right: 15px;
	background-position: -70px -70px;
}
.content-right{
	width: 350px;
	height: 520px;
	float: right;
	position: relative;
}
.cover-wrap{
	height: 130px;
	margin: 0 0 10px;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}
.cover-tag{
	width: 120px;
	height: 130px;
	float: left;
	background: url(../images/cover_bg.png) no-repeat #d02c34;
	cursor: pointer;
}
.cover-erweima{
	position: absolute;
	width: 110px;
	/*height: 140px;*/
	color: #fff;
	font-size: 13px;
	text-align: center;
	left: 0;
	top: 115px;
	padding: 20px 5px 10px;
	background: rgba(77,102,144,.9);
	background: rgb(77,102,144)\9;
	z-index: 1;
	display: none;
	border-radius: 10px;
}
.cover-erweima p{
	padding:2px 0;
}
.cover-erweima img{
	width: 100%;
}
.swiper-container{
	width: 230px;
	height: 130px;
	float: left;
	background-color: #fff;
	position: relative;
}
.ad-pic{
	cursor: pointer;
}
.swiper-slide{
	position: relative;
}
.ad-box-shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/ad_bg.png) repeat-x;
	cursor: pointer;
}
.ad-title{
	height: 65px;
	padding: 0 15px;
	width: 200px;
	position: absolute;
	left: 0;
	bottom: 2px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	cursor: pointer;
}
.ad-title span{
	display: block;
	text-align: center;
	width: 30px;
	background: #eb523e;
	margin: 0 0 5px;
	cursor: pointer;
}

.ad-pic img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.pagination{
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	text-align: right;
}
.pagination span{
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	border:1px solid #fff;
	margin: 0 3px;
}
.pagination span.swiper-active-switch {
	background-color: #d32d26;
	border:1px solid #fff;
}
.title-wrap{
	padding: 10px 30px 0 60px;
	background: #fff;
	border-radius: 10px;
	height: 510px;
	overflow-y:auto; 
}
.title-wrap.mt{
	/*margin: 140px 0 0;*/
	position: absolute;
	top: 0px;
	left: 0;
	width: 260px;

}

.title-wrap::-webkit-scrollbar{
	width:8px;
}
.title-wrap::-webkit-scrollbar-track{
	background-color:#b8c4d1;
	border-radius: 4px;
}
.title-wrap::-webkit-scrollbar-thumb{
	background:rgba(96,191,238,.5);
	border-radius: 4px;
}
.title-wrap::-webkit-scrollbar-thumb:hover ,.title-wrap::-webkit-scrollbar-thumb:active{
	background:rgba(96,191,238,.1);
}
.page-title-item{
	background-color: #4d6690;
	padding-bottom:24px;
}
.page-title-item1{
	border-top-right-radius:8px; 
}
.page-title{
	/*width: 304px;*/
	height: 40px;
	margin: 0 0 0 -48px;
	/*box-shadow: 0 10px 10px #333;*/
	background-color: #60bfee;
	border-radius: 8px;
	overflow: hidden;
}
.title-arrow{
	float: left;
	height: 40px;
	width: 48px;
	background: url(../images/icons.png) no-repeat -44px -30px #3a73a5;
	cursor: pointer;
}
.title-arrow-text{
	float: left;
	height: 40px;
	width: 48px;
	color: #fff;
	font-size: 20px;
	background: #3a73a5;
	line-height: 40px;
	text-align: center;
}
.title-arrow.active{
	background-position: 0 -30px;
}
.title-text{
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: 200px;
	color: #fff;
	font-size: 20px;
	float: left;
}
.title-text a{
	color: #fff;
	font-size: 20px;
}
.title-text b{
	font-weight: normal;
	padding: 0 0 0 10px;
}
.pdf-ico{
	width: 20px;
	height: 20px;
	float: left;
	margin: 10px 0;
	background: url(../images/icons.png) no-repeat -35px 0;
}
.pdf-ico a{
	display: block;
	width: 100%;
	height: 100px;
}
.title-list{
	padding: 10px 0;
	display: visible;
}
.title-list-show{
	display: block;
}
.title-list li{
	padding: 10px 5px;
	border-bottom: 1px solid #8c96a7;
	color: #fff;
}
.title-list li:hover{
	background: rgba(255,255,255,.18);
	cursor:pointer;
}
.title-list li a{
	color: #fff;
	line-height: 20px;
	font-size: 14px;
}
.title-list li b{
	font-size: 16px;
	padding: 0 5px;
	display: block;
	float: left;
}
.hot-wrap{
	width: 1200px;
	margin: 25px auto 0;
}
.hot-tag{
	width: 175px;
	height: 42px;
	background: url(../images/hot_tag_bg.png) no-repeat;
	padding: 0 0 0 75px;
	line-height: 42px;
	color: #fff;
	font-size: 20px;
}
.hot-content{
	height: 860px;
	background-color: #fff;
	border-radius: 10px;
	/*overflow: hidden;*/
}
.hot-list{
	padding: 15px 10px 35px 30px;
	float: left;
}
.hot-list li{
	width: 50%;
	height: 120px;
	padding: 10px 0;
	float: left;
}
.hot-pic{
	height: 204px;
	overflow: hidden;
}
.hot-pic img{
	width: 100%;
	height: 100%;
}
.hot-title{
	height: 30px;
	padding: 10px 13px;
	overflow: hidden;

}
.hot-title a{
	color: #222;
	font-size: 18px;
	line-height: 25px;
}
.hot-info{
	padding: 0 15px;
	color: #999;
	width:90%;
	line-height:23px;
}
.hot-time{
	display: inline-block;
	text-align:left;
	width: 80px;
}
.hot-logo{
	display: inline-block;
	width: 80px;
	text-align:center;
}
.hot-view{
	display: inline-block;
	width: 80px;
	text-align:right;
}
.hot-view b{
	width: 16px;
	height: 10px;
	display: inline-block;
	background: url(../images/icons.png) no-repeat -88px 0;
	margin: 0 5px 0 0;
}
.erweima-wrap{
	width: 140px;
	height: 335px;
	background-color: #80ccf1;
	float: left;
	box-shadow: 0 2px 8px #aaa;
	padding: 35px 58px 0;
}
.erweima{
	padding: 81px 0 0;
	height: 139px;
	width: 139px;
	background: url(../images/ewm_bg.png) no-repeat;
}
.erweima img{
	width: 100%;
}
.erweima-text{
	padding: 10px 0 0;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
.erweima-big{
	font-size: 20px;
	line-height: 30px;
}
.footer-wrap{
	background-color: #fff;
	/*width: 100%;*/
	padding: 20px 0;
	border-bottom: 150px solid #d4e5f1;
}
.footer{
	width: 1200px;
	margin: 0 auto;
	line-height: 30px;
	color: #a9b4c4;
	font-size: 14px;
	text-align: center;
}
.footer-link a{
	color: #a9b4c4;
	font-size: 14px;
	padding: 0 10px;
}

/*page*/
.page-content{
	float: left;
	height: auto;
}
.page-content .title-wrap{
	height: auto;
}
.page-content .title-text span{
	font-size: 12px;
}
.page-content .title-list{
	padding:15px 0 30px;
}
.page-content .title-list li{
	border:none;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
}
.page-review{
	width: 800px;
	float: right;
	border-radius: 10px;
	background-color: #f4f4f4;
	padding: 30px 7px 30px 23px;
}
.page-review-list li{
	width: 184px;
	padding: 0 16px 30px 0;
	float: left;
}
.page-review-pic{
	width: 176px;
	padding: 4px;
	height: 266px;
	background-color: #fff;
	box-shadow: 0 2px 10px #ccc;
	z-index: 2;
}
.page-review-pic img{
	width: 100%;
	height: 100%;
}
.page-review-title{
	height: 38px;
	background: url(../images/page_title_bg.png) no-repeat;
	text-align: center;
	z-index: 1;
}
.page-review-title a{
	line-height: 30px;
	color: #fff;
	font-size: 16px;
}

/*search*/
.search-content{
	float: left;
	height: auto;
	width: 340px;

}
.search-title-wrap{
	height: auto;
	padding: 0 0 0 48px;
	background: none;
	overflow: hidden;
	width: 292px;
	position: static;
}
.search-title-item{
	border-radius: 10px;
	padding: 0 0 15px;
}

.search-page-title{
	background-color: #f4f4f4;
}
.search-title-arrow{
	background: url(../images/icons.png) no-repeat -195px 11px #d02b33;
	float: left;
	height: 40px;
	width: 48px;
}
.search-title-text{
	height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #46618b;
    font-size: 20px;
    float: left;
}
.search-title-list{
	display: block;
	padding: 15px 10px 30px;
}
.search-title-list li {
    padding: 10px 0;
    border-bottom: 1px solid #8c96a7;
    color: #fff;
}
.search-title-list li:hover {
	background: none;
}
.search-title-list li a {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
}
.title-inline{
	display: block;
	width: 100%;
}
.title-block{
	background-color: #fff;
	display: none;
}
.search-title-list li.active .title-block{
	display: block;
}
.search-title-list li.active .title-inline{
	display: none;
}
.title-block .hot-title{
	height: auto;
}
.title-block .hot-title a{
	color: #222;
    font-size: 18px;
    line-height: 25px;
}
.search-title-list li .title-block b{
	display: inline-block;
    padding: 0;
    float: none;
}
.title-block .hot-info{
	padding: 0 15px 10px;
}
.search-erweima-wrap{
	float: none;
	width: 140px;
	margin: 0 10px 15px;
	padding: 15px 66px 0;
	box-shadow: 0 2px 8px #444;
}
.search-right{
	border-radius: 10px;
	background-color: #fff;
	padding: 25px 15px;
	width: 800px;
	float: right;
}
.search-box{
	height: 38px;
	background-color: #f4f4f4;
	border-radius: 8px;
	
}
.search-box-active{
	border:1px solid #60BFEE;
}
.search-right .search-ico{
	width: 40px;
	height: 38px;
	background-position: 6px 7px;
	border-radius: 8px;

}
.search-right .search-input{
	width: 550px;
	height: 38px;
	line-height: 38px;
	color: #204070;
	font-size: 18px;
}
.search-count{
	width: 180px;
	height: 38px;
	line-height: 38px;
	padding: 0 20px 0 0;
	float: right;
	font-size: 12px;
	color: #204070;
	text-align: right;
}
.search-count b{
	font-weight: normal;
}
.search-list{
	padding: 20px;
}
.search-list li{
	height: 50px;
}
.search-list li a{
	color: #222;
	font-size: 18px;
	width: 600px;
	display: block;
	height: 50px;
	line-height: 50px;
	float: left;
}
.search-title-time{
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	float: right;
	color: #222;
	font-size: 14px;
	text-align: right;
}
.page-wrap{
	padding: 10px 20px 0;
	height: 36px;
}
.page-wrap ul li a{
	display: block;
	float: left;
	margin: 0 5px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #204070;
	text-align: center;
	font-size: 20px;
	background-color: #dae6ed;
	border-radius: 6px;
}
.page-wrap ul li span{
	display: block;
	float: left;
	margin: 0 5px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #204070;
	text-align: center;
	font-size: 20px;
	background-color: #dae6ed;
	border-radius: 6px;
	background-color: #60bfee;
	color: #fff;
}
.page-go{
	float: left;
	padding: 0 0 0 20px;
	color: #204070;
	font-size: 14px;
}
.page-go input{
	width: 46px;
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
	border:1px solid #60bfee;
}
.page-go b{
	display: block;
	float: right;
	width: 36px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	background-color: #60bfee;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 6px;
	margin: 0 0 0 5px;
	font-weight: normal;
}

/*detail*/
.detail-body{
	/*background:rgba(218,230,237,.5);*/
	background: #ecf2f6;
}
.detail-info-wrap{
	width: 100%;
	background: #ecf2f6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.detail-info{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 15px;
	height: 55px;
}
.detail-info-text{
	width: 800px;
	float: left;
	font-size: 20px;
	color: #204070;
	line-height: 55px;
}
.detail-info-text span{
	padding: 0 50px 0 0;
}
.detail-close{
	width: 55px;
	height: 55px;
	float: right;
	background: url(../images/icons.png) no-repeat -140px -70px;
	cursor: pointer;
}
.detail-content-mt{
	padding: 20px 0 0;
}
.detail-content{
	float: left;
	width: 380px;
	height: auto;
}
.detail-page-wrap{
	padding: 32px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px #555;
	margin: 0 0 30px;
}
.detail-page img{
	width: 100%;
}
.detail-page-info{
	padding: 30px 0 0;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #838ba4;
}
.detail-page-info a{
	color: #838ba4;
	font-size: 16px;
}
.detail-page-next{
	float: right;
	float: none\8;
	*padding:0 0 0 50px; 
}
.detail-pdf{
	margin: 0 0 0 30px;
}
.detail-pdf b{
	display: inline-block;
	vertical-align: text-bottom;
	width: 17px;
	height: 17px;
	background: url(../images/icons.png) no-repeat -140px 0;
	margin: 0 5px 0 0;
}
.detail-title-item{
	padding: 0 0 15px;
}
.detail-right{
	width: 650px;
	margin: 0 0 0 40px;
	float: left;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
	min-height: 1000px;
}
.detail-right p{padding-top: 10px;
    text-indent: 36px;
    font-size: 18px;
    line-height: 32px;
	}
.detail-title-box{
	text-align: center;
	border-bottom: 2px solid #60bfee;
	padding: 30px 0 10px 0;
}
.detail-subtitle1{
	font-size: 14px;
	color: #aaa;
}
.detail-subtitle2{
	font-size: 16px;
	color: #777;
}
.detail-title-box h3{
	line-height: 50px;
	color: #525560;
	font-size: 20px;
}
.detail-pic{
	text-align: center;
	padding: 30px 0 0;
}
.detail-pic img{
	max-width: 100%;
}
.detail-pic-text{
	text-align: center;
	padding: 20px 0 0;
	color: #aaa;
	font-size: 14px;
}
.detail-text{
	font-size: 16px;
	line-height: 30px;
	
	padding: 20px 0 0;
}
.detail-box h6{
	font-size: 18px;
	padding: 20px 0 0;
}
.detail-tool{
	width: 70px;
	float: left;
}
.detail-share-box{
	margin: 110px 0 0;
	width: 70px;
	height: 350px;
	padding: 40px 4px 0 0;
	background: url(../images/share_bg.png) no-repeat;
	text-align: center;
}
.detail-share-box span{
	color: #fff;
    writing-mode: tb-rl;/*for ie8 9 */ 
	-webkit-writing-mode: vertical-rl;
	font-size: 16px;
	padding: 0 0 10px;
}
.detail-share-box a{
	margin: 0 10px 10px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/share_ico.png) no-repeat;
}
.detail-share-box a.bds_tsina{
	background-position: 0 0;
}
.detail-share-box a.bds_qzone{
	background-position: 0 -60px;
}
.detail-share-box a.bds_weixin{
	background-position: 0 -120px;
}
.detail-pre,.detail-next{
	width: 100px;
	padding: 0 4px 0 0;
	height: 32px;
	background: #71c0e9;
	margin: 11px 50px 0 0;
	text-align: center;
	float: left;
	border-radius: 8px;
}
.detail-pre a,.detail-next a{
	font-size: 16px;
	color: #fff;
	line-height: 32px;
}
.detail-pre i,.detail-next i{
	display: inline-block;
	width: 10px;
	height: 17px;
	background:url(../images/icons.png) no-repeat;
	vertical-align: text-bottom;
}
.detail-pre i{
	margin: 0 5px 0 0;
	background-position: -160px 0;
}
.detail-next i{
	margin: 0 0 0 5px;
	background-position: -180px 0;
}

.date-box a{
	font-size: 14px;
}
.ui-widget.ui-widget-content{
	border: none;
	border-radius: 0;
	width: 100%;
	padding: 0;
}
.ui-datepicker .ui-datepicker-header{
	background-color: #43678d;
	color: #fff;
}
.ui-icon{
	width: 18px;
	height: 14px;
}
.ui-widget-header .ui-icon{
	background-image: url(../images/calendar_arrow.png);
	background-repeat:  no-repeat;
}
.ui-icon-circle-triangle-w{
	background-position: 0 0;
}
.ui-icon-circle-triangle-e{
	background-position: 0 -14px;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{
	background: #60bfee;
	border: 1px solid #60bfee;
	color: #fff;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	margin: -7px 0 0 -9px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 2px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	/*background: none;*/
	border: none;
}
.ui-datepicker td span, .ui-datepicker td a{
	text-align: center;
	padding: .5em .2em; 
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: #60bfee;
	color: #fff;
}

.page-title-item2{
	border-radius:8px; 

	
}

.selectBox{display:block; position:absolute; z-index:10; background-color: #09c;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}

.detail-box figure img{
	width: 100%;
}